<template>
	<view class="cont">
		<view class="container-b">
			<view class="container">
			  <view class="pro-title">产品选择</view>
			  <navigator hover-class="none" class="pro-item" url="/pages/fill-info/index?id=13">
			    <view class="flex-align item1">
			      <image src="../../static/image/page/ajf-ce.png" class="ce-icon"></image>
			      <text class="pro-item-title">担保安居分</text>
			    </view>
			    <view class="flex-align">
			      <view class="edu">800,000</view>
			      <view class="desc">按揭房抵押房再贷款</view>
			    </view>
			    <view class="flex-align lab-ed">
			    <view class="s-ed">最高额度(元)</view>
			    <view >优质房产 | 3年期 | 先息后本</view>
			    </view>
			  </navigator>
			  <navigator hover-class="none" class="pro-item" url="/pages/fill-info/index?id=11">
			    <view class="flex-align item1">
			      <image src="../../static/image/page/rld-ce.png" class="ce-icon"></image>
			      <text class="pro-item-title">融立贷</text>
			    </view>
			    <view class="flex-align">
			      <view class="edu">1,000,000</view>
			      <view class="desc">征信要求低</view>
			    </view>
			    <view class="flex-align lab-ed">
			    <view class="s-ed">最高额度(元)</view>
			    <view >优质房产 | 3年期 | 先息后本</view>
			    </view>
			  </navigator>
			  <navigator hover-class="none" class="pro-item"url="/pages/fill-info/index?id=3">
			    <view class="flex-align item1">
			      <image src="../../static/image/page/lyb-ce.png" class="ce-icon"></image>
			      <text class="pro-item-title">乐业保</text>
			    </view>
			    <view class="flex-align">
			      <view class="edu">900,000</view>
			      <view class="desc">最高可贷85成</view>
			    </view>
			    <view class="flex-align lab-ed">
			    <view class="s-ed">最高额度(元)</view>
			    <view >优质房产 | 5年期 | 等额等息</view>
			    </view>
			  </navigator>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			 let token = uni.getStorageSync('token') || '';
			    if (!token) {
			      uni.navigateBack({
			        delta: 1,
			      })
			    }
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.cont::before{
		content: '';
		background: rgb(88, 92, 247);
		width: 100%;
		height: 30rpx;
		display: block;
	}
	.container-b{
		border-radius: 20rpx 20rpx 0 0;
		position: relative;
		z-index: 99;
		background-color: #FFFFFF;
		margin-top: -20rpx;
		padding-top: 30rpx;
	}
	/* pages/measuring-forehead-products/index.wxss */
	.container{
	  padding: 0 30rpx;
	}
	.pro-title{
	  font-size: 32rpx;
	  color: #999999;
	  margin-bottom: 50rpx;
	}
	.pro-item{
	  margin-bottom: 30rpx;
	  border-bottom: 1px solid #EAEEEF;
	  padding-bottom: 40rpx;
	}
	.pro-item:last-child{
	  border-bottom:none;
	}
	.item1{
	  margin-bottom: 24rpx
	  ;
	}
	.ce-icon{
	  width: 48rpx;
	  height: 48rpx;
	  margin-right: 17rpx;
	}
	.pro-item-title{
	  font-size: 30rpx;
	font-weight: bold;
	color: #333333;
	}
	.edu{
	  width: 300rpx;
	  font-size: 40rpx;
	font-weight: 800;
	color: #FC4073;
	}
	.desc{
	  font-size: 32rpx;
	color: #333333;
	}
	.lab-ed{
	  font-size: 24rpx;
	  color: #999999;
	  margin-top: 17rpx;
	}
	.s-ed{
	width: 300rpx;
	}


</style>
